<template>
    <div id="app">
        <div>
            
                <p class="iconfont icon-shouye"></p>
                <span>首页</span>     
        
        </div>
        <div class="color">
            <router-link to="/">

                <p class="iconfont icon-xianchang"></p>
                <span>全部</span>     
            </router-link> 

        </div>
        <div>
            <router-link to="/SCENE">

                <p class="iconfont icon-quanbu"></p>
                <span>现场</span>     
            </router-link> 

        </div>
        <div class="div">
            <router-link to="/WALLET">

                <p class="iconfont icon-qianbao"></p>
                <span>票夹</span>     
            </router-link> 

        </div>
        <div>
            
                <p class="iconfont icon-biaoqiankuozhan_wode-205"></p>
                <span>我的</span>     
        
        </div>

    </div>
</template>

<script>
export default {
neme:"Tail"
}
</script>

<style scoped>
#app{
    width: 100%;
    height: 0.5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* background-color: pink; */
}
#app div p{
    /* width: 100%; */
        font-size: 0.25rem;


}
#app .color{
color: hotpink;


}



/* #app div{
    display: flex;
    /* flex-direction: column; */
    /* justify-content: space-around; */

</style>
